<template>
  <div>
    <the-header/>
    <the-aside/>
    <div class="content-box" :class="{'content-collapse':collapse}">
      <router-view/>
    </div>
  </div>
</template>

<script>
  import TheHeader from "./TheHeader";
  import TheAside from "./TheAside";
  import bus from "../assets/js/bus";

  import {getBookPage} from "../api";

  export default {
    name: "Home",
    components: {
      TheHeader,
      TheAside
    },
    data(){
      return {
        collapse: false
      }
    },
    created() {
      bus.$on('collapse',msg => {
        this.collapse=msg
      })
    }
  }
</script>

<style scoped>

</style>
